<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=no" />
		<title>主页</title>
		<link rel="stylesheet" type="text/css" href="blogindex/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="blogindex/css/base.css" />
		<link rel="stylesheet" type="text/css" href="blogindex/css/index.css" />
		<!--[if lt IE 9]>
		<script type="text/javascript" src="blogindex/js/html5shiv.min.js"></script>
		<script type="text/javascript" src="blogindex/js/respond.min.js"></script>
		<![endif]-->
		<link rel="stylesheet" type="text/css" href="blogindex/css/media.css" />
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<h1><a class="navbar-brand" href="#">
						          ’s blog
					</a></h1>
				</div>

				<div class="collapse navbar-collapse" >
					<ul class="nav navbar-nav navbar-right top-nav">
						<li class="active">
							<a href="index.jsp">
								主页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li class="dropdown">
							<a href="blogindex/news.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于 🔗 <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li><a href="#">Separated link</a></li>
								<li><a href="#">One more </a></li>
							</ul>
						</li>
						<li>
							<a href="blogindex/bloglist.jsp">碎碎念 ️🔈 </a>
						</li>
						<li>
							<a href="blogindex/img-news.html">树洞 🌲</a>
						</li>
						<li>
<%--							<a href="blogindex/news-con.html">登录</a>--%>
								<a href="login.jsp">登录</a>
						</li>
						<li>
							<a href="blogindex/page.html">写博客</a>
						</li>
						<li class="search_c"><a href="#">search <i class="glyphicon glyphicon-search"></i></a></li>
						<form>
							<input type="text"  value=""  name="q"  class="form-control search" placeholder="请输入文章关键字或标题" >
						</form>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--轮播图-->
		<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
			<!-- 圆点 -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- 图片区域 -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="blogindex/img/1.png" alt="">
				</div>
				<div class="item">
					<img src="blogindex/img/2.png" alt="">
				</div>
				<div class="item">
					<img src="blogindex/img/1.png" alt="">
				</div>
			</div>

			<!-- 左右控制箭头 -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left " aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<!--最新活动-->
		<div class="news">
			<div class="container">

				<div class="row news-content">
					<div class="common-title">
						<h2>作品集</h2>
						<span></span>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="blogindex/img/news-1.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="#">媒体关注</a></h3>
								<p>谈多肉植物种子萌发的必要条件！</p>
							</div>

							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2020-04-28
								</time>
								<a href="blogindex/news-con.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="blogindex/img/news-2.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="#">行业新闻</a></h3>
								<p>多肉植物怎么养肥？最重要的关键在的童鞋种多肉</p>
							</div>

							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2020-04-28
								</time>
								<a href="blogindex/news.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4">
						<div class="thumbnail">
							<img src="blogindex/img/news-3.jpg" alt="" class="img-responsive">
							<div class="caption">
								<h3><a href="#">公司新闻</a></h3>
								<p>谈多肉植物种子萌发的必要条件！</p>
							</div>

							<div class="news-more">
								<time class="date">
									<span class="glyphicon glyphicon-time"></span>&nbsp;&nbsp;&nbsp;2020-04-28
								</time>
								<a href="blogindex/news.html" class="more">
									<span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;查看详情
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--博文-->
		<div class="product">
			<div class="container">
				<div class="row pro-content">
					<div class="common-title">
						<h2>博文</h2>
						<span></span>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="blogindex/img/pro-1.jpg" alt="" class="img-responsive" />
							<p></p></a>							
						</div>
						<h4><a href="">三高须知</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="blogindex/img/pro-2.jpg" alt="" class="img-responsive" />
							<p></p></a>
							
						</div><h4><a href="">糖尿病</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="blogindex/img/pro-3.jpg" alt="" class="img-responsive" />
							<p></p></a>
							
						</div><h4><a href="">自体免疫性损伤性疾病</a></h4>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<div class="pro-content-item">
							<a href=""><img src="blogindex/img/pro-4.jpg" alt="" class="img-responsive" />
							<p></p></a>
							
						</div><h4><a href="">精神疲劳综合征</a></h4>
					</div>
				</div>
			</div>
			<div class="mo-re"><p><a href="#">更多项目→<br/>更多项目→</a></p></div>
		</div>

		<div class="zjlist">
			<div class="container">
				<div class="row">

					<div class="col-xs-6 visible-xs zj_move">
					<div class="thumbnail">
						<a href="#"><img src="blogindex/img/zj_move.png" class="img-responsive" />
						<p>查看更多专家</p></a>
					</div>
					</div>
				</div>
			</div>
			
		</div>


		<div class="footer">
			<a href="#"> <i class="glyphicon glyphicon-user"></i></a>
			<a> &nbsp; </a>
			‘s blog  ❤<a href="tel:0123456789"></a> <br/>

			© 2022 <a href="http://www.qywzmb.com/" target="_blank"></a>
		</div>

		<script type="text/javascript" src="blogindex/js/jquery.js"></script>
		<script type="text/javascript" src="blogindex/js/bootstrap.js"></script>
		<script type="text/javascript" src="blogindex/js/nav.js"></script>
		<!--返回顶部-->
		<a href="javascript:void(0);" class="backTop" id="back">返回顶部</a>
	</body>
</html>